---
title: ScreenSizer
sourcecode: src/core/ScreenSizer.tsx
---

[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/abstractions-screensizer--screen-sizer-story)

Adds a `<object3D />` that scales objects to screen space.

```jsx
<ScreenSizer
  scale={1} // scale factor
>
  <Box
    args={[100, 100, 100]} // will render roughly as a 100px box
  />
</ScreenSizer>
```
